/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
html{ height:100%;}
body{font-family:黑体,Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;height: 100%;position: relative;line-height:19px;}
a, span.tag{ text-decoration:none;}
a.view_details{padding:0 0 0 15px;}
.swiper-container{ width:800px;height: 100%;}
#header{ position:absolute; top:-100px; left:0px; z-index:999; width:94%; min-height:40px;padding:6px 3%;}

/* Headings
/*------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-weight:normal; margin:0px;padding:10px 0 20px 0;clear:both; letter-spacing:-1px;}
h1{ font-size:30px;}
h2{ font-size:26px;}
h3{ font-size:22px;}
h4{ font-size:18px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
p{ padding:0 0 10px 0; margin:0px;}
h2.page_title{ font-size:30px;padding:0 0 20px 0; font-family:黑体;}

/* Border radius
/*------------------------------------------*/
.radius4{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.radius6{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.radius8{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.radius20{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}

/*----------bottom bullets pagination---------------*/
.pagination {position: absolute;z-index: 20;left:0px;bottom:5px;text-align:center;width:100%;}
.swiper-pagination-switch {display: inline-block;width:12px;height:3px;background: #222;margin-right: 5px;opacity: 0.5;cursor: pointer;}
.swiper-active-switch {background: #2dcc70;}
/*----------header and footer buttons---------------*/
.gohome{ width:40px; height:40px; float:left;}
.gohome a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.gohome a img{display:inline-block;max-height:25px; margin:5px 0 0 0;}

/*.goinput { float:right; width:230px; height:40px; margin:0 10px; background:#fff url(../images/icons/inputsearch.png) no-repeat 5px 12px;}
.goinput .inputbox { width:200px; height:32px; padding:4px 5px 4px 25px; border:0;   }*/

.gomenu{ width:40px; height:40px; float:right; }
.gomenu a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.gomenu a img{display:inline-block;max-height:25px; margin:6px 0 0 0;}

.scrolltop{ width:40px; height:40px;margin:auto; display:block;}
.scrolltop a{ color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; display:block; text-align:center;}
.scrolltop a img{display:inline-block;max-height:28px; margin:5px 0 0 0;}
/*----------page buttons---------------*/
a.button_13{ width:23%; margin:0 1% 10px 1%;padding:10px 0; float:left; display:block;font-size:18px; text-decoration:none; text-align:center;}
a.button_12{ width:48%; margin:0 1% 10px 1%;padding:10px 0; float:left; display:block;font-size:18px; text-decoration:none; text-align:center;}
a.button_11{ width:98%; margin:0 0 10px 1%;padding:10px 0; float:left; display:block;font-size:18px; text-decoration:none; text-align:center;}
.green{ background-color:#85af5d;}
.blue{ background-color:#29aae3;}
.darkblue{ background-color:#035792;}
.red{ background-color:#c53238;}
.purple{ background-color:#8b2767;}
.pink{ background-color:#f87c68;}
.orange{ background-color:#f17225;}
.black{ background-color:#272625;}
.gray{ background-color:#6e6e6e;}
.yellow{ background-color:#ffb606;}
.bluegreen{ background-color:#06a78b;}

.green_borderbottom{border-bottom:3px #759a51 solid;}
.blue_borderbottom{border-bottom:3px #198bbd solid;}
.red_borderbottom{border-bottom:3px #8e262c solid;}
.purple_borderbottom{border-bottom:3px #671a4b solid;}
.pink_borderbottom{border-bottom:3px #d36755 solid;}
.orange_borderbottom{border-bottom:3px #c55512 solid;}
.black_borderbottom{border-bottom:3px #000000 solid;}
.gray_borderbottom{border-bottom:3px #535150 solid;}
.yellow_borderbottom{border-bottom:3px #e3a000 solid;}
.bluegreen_borderbottom{border-bottom:3px #058770 solid;}
.darkblue_borderbottom{border-bottom:3px #003a62 solid;}

/* Page layout and elements
/*------------------------------------------*/
.image_single{ padding:5px; margin-bottom:10px;}
.image_single img{display:block;max-width:100%;}
.image_caption{ width:100%; text-align:center; color:#FFFFFF;padding:10px 0; font-size:18px;margin-bottom:10px;}

blockquote{padding:10px 0; font-style:italic; margin-bottom:10px;}
span.quote_author{ font-style:normal; font-weight:bold; text-decoration:underline;}
ul.listing{ list-style:none; padding:0 0 10px 0;}
ul.listing li { padding:5px 0 5px 10px; margin:0 0 10px 10px; border-left:2px #ececec solid;}
ul.listing_detailed{ list-style:none; padding:0 0 10px 0;}
ul.listing_detailed li { padding:5px 0 5px 40px; margin:0 0 10px 0;}
ul.listing_detailed li a{}

/* Toggle
/*------------------------------------------*/
.toogle_wrap{width:92%; padding:3% 4%; margin:0 0 10px 0;}
.trigger{padding:0px;margin:0;}
.trigger a{text-decoration: none;display: block; padding:2px 0 2px 0;font-size:16px;font-weight:normal; }
.toggle_container{overflow: hidden;padding:15px 0 0 0;clear: both;}
.tcb { padding: 20px 0 0; border-top:1px #fff solid;}
.tcb:after { content: " "; display: block; clear: both;}
.tcb p { padding-left:25%;}

.toogle_wrap_blog{width:92%; padding:3% 4%; margin:0 0 10px 0;}
.trigger_blog{padding:0px;margin:0;}
.trigger_blog a{text-decoration: none;display: block; padding:2px 0 2px 0;font-size:16px;font-weight:normal; }
.toggle_container_blog{overflow: hidden;padding:15px 0 0 0;clear: both;}

/* Tabs
/*------------------------------------------*/
ul.tabsmenu{ padding:0; position:relative; bottom:-1px;}
ul.tabsmenu li a{ width:31.2%; float:left; padding:12px 0 12px 0; margin:0 2% 0 0;text-align:center;}
ul.tabsmenu li:last-child a{ float:right; margin:0 0 0 0;}
ul.tabsmenu li.active a{font-weight:bold;}
.tabcontent{ padding:5% 4%; clear:both; margin:0 0 10px 0;}
/*-----------------Photo Gallery style-------------------*/

ul.photo_gallery_13{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_13 li{ width:28.6%; padding:1%; float:left; margin:1%;}
ul.photo_gallery_13 li img{ max-width:94%; display:block; padding:3%;}

ul.photo_gallery_13_round{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_13_round li{ width:28.5%; padding:1%; float:left; margin:1%;}
ul.photo_gallery_13_round li img{ max-width:100%; display:block;}

ul.photo_gallery_12{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_12 li{ width:45.3%; padding:1%; float:left;  margin:1%;}
ul.photo_gallery_12 li img{ max-width:96%; display:block;padding:2%;}

ul.photo_gallery_11{ width:100%; list-style:none; padding:0px; margin:0 0 10px 0; float:left; clear:both;}
ul.photo_gallery_11 li{ width:99.5%; padding:0; float:left; margin:0px 0 10px 0;}
ul.photo_gallery_11 li img{ max-width:96%; display:block;padding:2%;}

/*-----------------Blog posts style-------------------*/
ul.posts{ padding:0px; margin:0px; width:100%; display:block;}
ul.posts li.post{ width:100%; height:80px; margin:0 0 10px 0; position:relative;}
.post_left{width:25%; height:80px; text-align:center;position:absolute; top:0px; left:0px; }
span.day{ display:block; font-size:40px; padding:15px 0 0 0;}
span.month{ display:block; font-size:22px; padding:10px 0 0 0;}
.post_right_reveal{width:60%; height:80px; position:absolute; top:0px; left:25%;padding:0 0 0 5%; z-index:99;}
.post_right_unreveal{width:60%; height:80px; position:absolute; top:0px; left:25%;padding:0 0 0 5%; z-index:88; line-height:24px;font-size:14px;}
.post_right_reveal h4{ padding:10px 10px 0 0; font-size:16px; line-height:20px;}
.post_right_unreveal a{font-weight:bold;}
a.post_more{display:block;position:absolute; top:0px; right:0px;  width:10%; height:80px;overflow:hidden;}
span.post_comments{ display:block; padding:0 0 0 25px;}
a.post_readmore{ padding:0 0 0 15px;font-weight:normal; font-size:12px;}
.loadMore{width:92%; padding:3% 4%; margin:0 0 10px 0; text-align:center; font-size:14px; display:block; cursor:pointer;}
.showLess{width:92%; padding:3% 4%; margin:0 0 10px 0; text-align:center; font-size:14px; display:none;}
a.backtoblog{width:92%; padding:3% 4%; margin:-10px 0 15px 0; text-align:center; font-size:14px; display:block; cursor:pointer;}

.comment_row{ width:100%; float:left; clear:both; padding:0 0 5px 0; margin:0 0 10px 0;}
.comm_avatar{float:left;}
.comm_avatar img{ display:block; width:50px; height:50px;}
.comm_content{ float:left; width:75%; padding:0 0 0 5%; font-style:italic;}

/*-----------------Video page style-------------------*/
.videocontainer{ max-width:96%; padding:2%; display: block; margin:0 0 10px 0;}

/*-----------------Portfolio style-------------------*/
.portfolio_item{width:94%; padding:3%; margin:0 0 10px 0; float:left; clear:both;}
.portfolio_image{ width:30%; float:left;}
.portfolio_image img{ display:block; max-width:100%;}
.portfolio_image_round{ width:30%; float:left;}
.portfolio_image_round img{ display:block; max-width:100%;-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;}
.portfolio_details{ width:65%; float:left; padding:0 0 0 5%;}
.portfolio_details h4{ padding:0 0 5px 0;}
.portfolio_details p{ padding:0 0 5px 0; line-height:18px;}

/*-----------------Service page style-------------------*/
.service_box{ width:100%; float:left; clear:both; padding:0 0 5px 0;margin:0 0 10px 0;}
.services_icon{ padding:6% 0; width:28%;height:auto; float:left; display:block; text-align:center;}
.services_icon img{ display:block; max-width:70%; margin:auto;}
.service_content{ float:left; width:67%; padding:0 0 0 4%;}
.service_content h4{ padding:0px 0 10px 0;}

/*-----------------Clients page style-------------------*/
.client_row{width:100%; float:left; clear:both; padding:0 0 5px 0;margin:0 0 10px 0;}

/*-----------------Responsive table-------------------*/
ul.responsive_table{ width:100%; float:left; clear:both; margin:0 0 10px 0; padding:0px; list-style:none;}
li.table_row{width:100%; float:left; clear:both; line-height:30px;padding:0px; list-style:none;margin:0 0 1px 0;}
.table_section_small{width:18%; float:left; padding:0 0 0 2%;}
.table_section{ width:38%; float:left;padding:0 0 0 2%;}

/*-----------------Latest tweets style-------------------*/
.tweet{ width:100%; float:left; clear:both; margin:0;}
.tweet ul { list-style:none;}
.tweet li{width:94%; padding:3%; margin:0 0 10px 0; float:left; clear:both;}
.tweet li a{ font-weight:bold;}

/* Form
/*------------------------------------------*/

.form{padding:0 0 15px;}
.form:after { content: " "; display: block; clear: both;}
.form_left { display:inline-block; font-size:12px;font-weight:bold; width:25%; margin:0 0 5px 0; padding:8px 0;}
.form label.error{padding:10px 0 0 0; width:100%; text-align:left; font-size:14px;}
.form_input { width:100%; padding:8px 0; text-indent:8px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.form_textarea{padding:3%; width:93%; height:50px; margin:0 0 5px 0;}
.form_submit{ width:100%;padding:4% 0 4% 0; margin:0; font-weight:normal;text-align:center;
cursor:pointer; font-size:20px; border-left: none;border-right: none;border-top: none; cursor:pointer;}
.form_right { display:inline-block; width:70%; position:relative; margin:0 0 5px 0;}
.form_right a, .form_right a:visited { display:inline-block; width:28px; height:28px; top:7px; background:#fff url(img/close2.png) no-repeat center; position:absolute; top:4px; right:0;  -webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0; }

ul.social{ list-style:none; padding:0px; margin:0px 0 15px 0; width:100%;}
ul.social li{ list-style:none; margin:1% 0 2% 4%; padding:6.5% 0; width:28%;height:auto; float:left; display:block; text-align:center;}
ul.social li img{ display:inline-block;max-width:50%;}
li.social_facebook{ background-color:#3f5aa9;}
li.social_twitter{ background-color:#29aae3;}
li.social_google{ background-color:#f2b700;}
li.social_pinterest{ background-color:#d3172f;}
li.social_flickr{ background-color:#90489c;}
li.social_digg{ background-color:#8aaf50;}

a.call_button{ float:left; clear:both;
width:94%; display: block; text-align:center; font-size:24px; 
padding:12px 3%; margin:0 0 15px 0;
}
a.map_button{ float:left; clear:both;
width:94%; display: block; text-align:center; font-size:24px; 
padding:12px 3%; margin:0 0 15px 0;
}


/* CSS Media Queries
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
.swiper-container{ width:100%;}
.services_icon{ padding:4.5% 0;}
}
@media screen and (max-width: 480px) {
.round_img{padding:15% 0px;}
ul.social li{padding:6% 0;}
.services_icon{padding:4.3% 0;}
}
@media screen and (max-width: 360px) {
.services_icon{padding:4.5% 0;}
}
@media screen and (max-width: 320px) {
.borders ul li{padding:4% 0.1%;width:27%;}
}

/* Table */
.contentTable {  margin:0 0 15px; border-bottom:1px dashed #b2b2b2; padding-bottom:15px;}
.contentTable:after { content: " "; display: block; clear: both;}
.contentTable h2 { font-size:18px; line-height:24px; color:#333; font-weight:bold; font-family:黑体; margin-bottom:10px; padding:0;}
.contentTable dl { display: block; width:100%; line-height:3em;background:#85af5d;   -moz-border-radius: 4px;  -webkit-border-radius: 4px; border-radius:4px; margin-bottom:10px; overflow:hidden;}
.contentTable dl:last-child { border-bottom:1px #fff solid;}
.contentTable dt { float:left; width:25%; -moz-border-radius: 4px 0 0 4px;  -webkit-border-radius:  4px 0 0 4px; border-radius: 4px 0 0 4px; color:#fff;  overflow:hidden; text-indent:10px; padding:0.5em 0; }
.contentTable dd { float:left; width:71%; color:#666; overflow:hidden; vertical-align:middle; padding:0.5em 2%; background:#ececec; position:relative; }
.contentTable dd a, .contentTable dd a:visited { display:inline-block;top:14px; width:28px; height:28px;  background:#fff url(img/close2.png) no-repeat center; position:absolute; top:10px; right:3%;  -webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0; }
.contentTable dd fieldset { margin:0; padding:0;}
.contentTable dd input[type="button"] {-webkit-appearance:none; border:0px; color:#fff; font-size:12px; padding:10px 20px; cursor:pointer;}
.textInput { height:34px; line-height:34px; background:#fff; padding:0 2%; border:1px #ddd solid; width:96%; }
.textSelect { line-height:34px; background:#fff; border:1px #ddd solid; vertical-align:middle; }
.textTextarea { line-height:34px; background:#fff; padding:0 2%; border:1px #ddd solid; width:96%; }
.tableOpen { display:block;  -moz-border-radius:4px;  -webkit-border-radius: 4px; border-radius:4px; padding:8px 10px; border: 1px solid #ECECEC; font-size:12px;  background:#f4f4f4;}
.ddRadio { vertical-align:middle; margin:0; }

.loginLogo { width:100%; padding:50px 0; text-align:center;}
.loginLogo a { display: inline-block; width:200px; height:200px; line-height:200px;  -moz-border-radius:202px;  -webkit-border-radius:202px; border-radius:202px; background:#999; background:url(../images/logo_bg.jpg) center; border:4px solid #2dcc70; font-size:72px; color:#2dcc70; }
.loginLogo a img { margin-top:65px; }
.loginForm { width:100%; text-align:center; font-family:微软雅黑; position:relative;  }
.loginForm p { margin-top:80px;}
.loginForm p a { display:inline-block; width:210px; height:50px; line-height:48px; font-size:26px; color:#fff; background:#2dcc70; -moz-border-radius:25px;  -webkit-border-radius:25px; border-radius:25px;}
.loginForm p a:hover { background:#24b260;}

.loginEntry { width:100%; position:absolute; z-index:1000; display:block;}
.loginInput { width:228px; border:0; border-bottom:1px #aab2bc solid; padding:10px; color:#767c8b; font-size:18px; font-family:微软雅黑; text-align:center; }
.loginInput:hover { border-bottom:1px #61c1d5 solid; color:#61c1d5 ; }

.loginEntry label { position:relative; display:block; text-align:center;}
.loginEntry span { position:absolute; width:100%; padding:13px 0;  color:#999; font-size:18px; font-family:微软雅黑; cursor:text; text-align:center; top:0; left:0;}
 

 @media screen and (max-width: 360px) {
 .loginLogo { padding:20px 0 30px;}
 .loginLogo a {  width:160px; height:160px; line-height:160px;  -moz-border-radius:162px;  -webkit-border-radius:162px; border-radius:162px;  }
 .loginLogo a img { margin-top:45px; }
 .loginForm p { margin-top:40px;}
 }

 
 /*表格*/
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
  padding: 8px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
  background:#fafafa;
  vertical-align:middle;
}
.table th span,
.table td span {
	display:inline-block;
	font-weight:normal;
	width:65px;
}
.table th {
  padding:10px  8px;
  font-weight: bold;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fefefe, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #fefefe, #f5f5f5);
  background-image: -o-linear-gradient(top, #fefefe, #f5f5f5);
  background-image: linear-gradient(to bottom, #fefefe, #f5f5f5);
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #fff;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #f5f5f5;
}